<script type="text/javascript">
    function validateForm() {
    var x = document.forms["search"]["q"].value;
    if (x == null || x == "") {
        return false;
    }
}
</script>
<?php
$_GET['type']=="p"?$product="tray-active":($_GET['type']=="b"?$blog="tray-active":$home="tray-active");
?>

<div id="tray">

    <ul><li id="<?php echo $home;?>"><a href="index.php">Homepage</a></li> <!-- Active page -->            
        <li id="<?php echo $product;?>"><a href="list.php?type=p">Products</a></li>
        <li id="<?php echo $blog;?>"><a href="list.php?type=b">Blog</a></li>
        <li><a href="#">Testimonials</a></li>

    </ul><!-- Search --><div id="search" class="box">
        <form action="list.php" method="get" name="search" onsubmit="return validateForm()">
            <div class="box">
                <div id="search-input"><span class="noscreen">Search:</span><input type="text" size="30" name="q" placeholder="search product..."></div>
                <div id="search-submit"><input type="image" src="<?php echo PATH_DESIGN_IMAGE; ?>search-submit.gif" value="OK"></div>
            </div>
        </form>
    </div> <!-- /search -->

    <hr class="noscreen"></div>